﻿<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>4s汽修网站</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Fonts -->
<!-- CSS -->
<!-- Bootstrap CSS
============================================ -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Icon Font CSS
============================================ -->
<link rel="stylesheet" href="css/icofont.css">
<!-- Plugins CSS
============================================ -->
<link rel="stylesheet" href="css/plugins.css">
<!-- ShortCodes CSS
============================================ -->
<link rel="stylesheet" href="css/shortcode/shortcodes.css">
<!-- Style CSS
============================================ -->
<link rel="stylesheet" href="style.css">
<!-- Responsive CSS
============================================ -->
<link rel="stylesheet" href="css/responsive.css">
<!--新增css文件
============================================ -->
<link rel="stylesheet" type="text/css" href="css/xin.css"/>
<!-- Style customizer (Remove these two lines please) -->
<link rel="stylesheet" href="css/style-customizer.css">
<!-- Modernizer JS
============================================ -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!-- Pre Loader
============================================ -->
<div class="preloader">
<div class="loading-center">
	<div class="loading-center-absolute">
		<div class="object object_one"></div>
		<div class="object object_two"></div>
		<div class="object object_three"></div>
	</div>
</div>
</div>
<!-- Body main wrapper start -->
<div class="wrapper fix">
<!-- Header 1
============================================ -->
<div class="header-area header-absolute header-transparent">
<div class="header-top hidden-xs">
	<div class="container">
		<div class="row">
			<!-- Header Top -->
			<div class="header-top-wrapper fix">
				<div class="header-top-left text-left col-sm-6">
					<p><i class="icofont icofont-envelope"></i><span>info@driveon.com</span></p>
					<p><i class="icofont icofont-ui-call"></i><span>+88 01911123456</span></p>
				</div>
				<div class="header-top-right text-right col-sm-6">
					<p><i class="icofont icofont-clock-time"></i><span>Mon - Sat : 8am - 9pm</span></p>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="header-bottom sticky">
	<div class="container">
		<div class="row">
			<!-- Header Bottom -->
			<div class="col-xs-12">
				<div class="navbar-header">
					<button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-menu">
						<i class="icofont icofont-navigation-menu menu-open"></i>
						<i class="icofont icofont-close menu-close"></i>
					</button>
					<img id="logo_img" src="http://www.516code.cn/logo/logo-dark.png" alt="logo" width="80px"height="50px"/>
				</div>

				<div class="main-menu onepage-nav collapse navbar-collapse float-right" id="main-menu">
					<nav>
						<ul>
							<li class="active"><a href="#hero-area">首页</a></li>
							<li><a href="#feature-area">关于我们</a></li>
							<li><a href="#course-area">服务车型</a></li>
							<li><a href="#gallery-area">汽车产品</a></li>
							<li><a href="#instructor-area">客户预约</a></li>
							<li><a href="#pricing-area">信息服务</a></li>
							<li><a href="#contact-area">联系我们</a></li>
						</ul>
					</nav>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
<!-- Hero Slide Area
============================================ -->
<div id="hero-area" class="hero-slider-area">
<div id="hero-slider" class="nivoSlider slider-image">
	<img src="http://www.516code.cn/slider/1.jpg" alt="main slider" title="#htmlcaption1">
	<img src="http://www.516code.cn/slider/4.jpg" alt="main slider" title="#htmlcaption2">
	<img src="http://www.516code.cn/slider/3.jpg" alt="main slider" title="#htmlcaption3">
</div>
<div id="htmlcaption1" class="nivo-html-caption">			
	<div class="slide-table container">
		<div class="table-cell">
			<div class="hero-slide-content float-right text-right">
				<h3 class="wow fadeInUp" data-wow-duration=".9s" data-wow-delay="0.8s">4s服务网站</h3>
				<h1 class="wow fadeInUp" data-wow-duration=".9s" data-wow-delay="1.2s">the best <span>老司机</span>car repairing</h1>
				<p class="wow fadeInUp" data-wow-duration=".9s" data-wow-delay="1.6s">Lorem ipsum dolor sit amet, consectetur adipiscing elit, minim veniamsed sed do <br />eiusmod tempor maksu rez ut labore  magna do eiusmod</p>
			</div>
		</div>										
	</div>
</div>
<div id="htmlcaption2" class="nivo-html-caption">			
	<div class="slide-table container">
		<div class="table-cell">
			<div class="hero-slide-content float-right text-right">
				<h3 class="wow fadeInUp" data-wow-duration=".9s" data-wow-delay="0.8s">4s服务网站</h3>
				<h1 class="wow fadeInUp" data-wow-duration=".9s" data-wow-delay="1.2s">the best <span><a href="http://jianli.516code.cn" target="_parent">老司机</a></span>car repairing</h1>
				<p class="wow fadeInUp" data-wow-duration=".9s" data-wow-delay="1.6s">Lorem ipsum dolor sit amet, consectetur adipiscing elit, minim veniamsed sed do <br />eiusmod tempor maksu rez ut labore  magna do eiusmod</p>
			</div>
		</div>										
	</div>
</div>
<div id="htmlcaption3" class="nivo-html-caption">			
	<div class="slide-table container">
		<div class="table-cell">
			<div class="hero-slide-content text-center">
				<h3 class="wow fadeInUp" data-wow-duration=".9s" data-wow-delay="0.8s">老司机4s官方网站</h3>
				<h1 class="wow fadeInUp" data-wow-duration=".9s" data-wow-delay="1.2s"><span>老司机</span> 4s店又名<span>闪狼</span>4s</h1>
				<p class="wow fadeInUp" data-wow-duration=".9s" data-wow-delay="1.6s">闪狼4s顾名思义就是我们修的车能犹如狼群奔跑般的速度，我们有着狼与狼之间的信誉，我们服务你们放心<br />相信我们就是相信你们自己</p>
			</div>
		</div>										
	</div>
</div>
</div>
<!-- Feature Area
============================================ -->
<div id="feature-area" class="feature-area bg-gray pt-90 pb-90">
<div class="container">
	<!-- Section Title -->
	<div class="row">
		<div class="section-title text-center col-xs-12 mb-45">
			<h3 class="heading">公司简介</h3>
			<div class="excerpt">
				<p>This is our company profile</p>
			</div>
			<i class="icofont icofont-traffic-light"></i>
		</div>
	</div>
	<div class="row">
		<!-- Left Feature -->
		<div class="feature-wrapper feature-left text-right col-md-4 col-xs-12">
			<div class="single-feature">
				<div class="text fix" style="text-align: left;">
					<h4 style="display: inline;">简介</h4><i class="icofont icofont-car-alt-4"></i>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;汽车零部件公司成立于2006年8月28日，为提高整车的国产化率，公司紧紧抓住广州汽车工业良好的发展机遇，
				先后与国际知名零部件企业——东京座椅、电装、普利司通、丰田纺织、林天连布、斯坦雷、昭和、三叶、帕卡、丰田通商等公司合资合作，组建了十多家汽车零部件生产企业。</p>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2009年9月，汽车零部件公司完成了股份制改造，新的汽车零部件公司成为中外合资公</br>司，股东分别为持股51％的广州汽车股份公司，
				持股49％的香港汽车有限公司全资拥有的公</br>司。</p>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;汽车零部件公司投资的企业主要生产汽车空调、座椅、灯具、门内饰板、地毯、隔音件、</br>弹簧、铝溶液、铝轮圈、减震器、转向器、电机等产品，
				初步形成了内饰系统、热交换系统、</br>照明系统、底盘相关部件等多系列、多品种的生产。</p>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;广州汽车集团零部件有限公司产品主要供给广汽本田、广汽丰田、东风本田（武汉）、东风日产乘用车、海南马自达等整车厂，部分产品出口到美国、德国、日本、东南亚等国家和地区。
				目前公司已发展成为国内较有规模和影响力的汽车零部件企业，荣获2009年度重庆汽车零部件百强企业第五名，2008年重庆机械行业竞争力500强第44位，2009年重庆机械行业竞争力500强第40位。
				2016年8月7日，《2016年重庆机械500强》（第十一届）研究报告发布会在北京举行。</p>
				</div>
			</div>
		</div>
		<!-- Feature Image -->
		<div class="feature-image text-center col-md-4 col-xs-12">
			<img src="http://www.516code.cn/1.jpg" alt="feature" style="width: 600px; height: 300px;"/>
			<img src="http://www.516code.cn/300 (2).jpg" alt="feature" style="width: 600px; height: 300px;"/>
		</div>
		<!-- Right Feature -->
		<div class="feature-wrapper feature-right text-left col-md-4 col-xs-12">
			<div class="single-feature">
				<div class="text fix">
					<h4 style="display: inline;">简介</h4><i class="icofont icofont-man-in-glasses"></i>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公司部件的排名较2014年上升1位，位列排行榜第33位。广汽部件自2009年参选《重庆机械500强》以来，排名不断上升，2009年至2014年排名依次为49位、44位、40位、39位、36位和34位。
				反映了广汽部件的综合实力及竞争力在不断地增强。</p>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;广汽本田、广汽丰田、东风日产等三大汽车基地的形成和规模的扩大，公司自主品牌汽车的研发和生产，广州汽车产业集群效应正在不断凸现，
				广州汽车零部件产业的发展将迎来新的春天，汽车零部件公司也将迎来更大的发展商机。</p>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我公司生产的产品自投放市场以来，其产品质量，价格，交货期及售后服务等方面在国内外享有一定的赞誉，其中主导产品的市场占有率在同行中一直保持领先。
				我公司有较强的自主设计开发能力，可根据客户要求为客户推荐产品规格，并可协助客户进行设计，以满足客户的潜在要求。</p>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;其中我司以多年生产ABS齿圈的经验以及先进的生产，检测设备保证了每一批顾客对ABS齿圈的要求，成为以ABS齿圈为主导产品的精密机加工生产厂家。多年来一直受到广大客户的好评。</p>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
<!-- Funfact Area
============================================ -->
<div class="funfact-area overlay overlay-white overlay-80 pt-90 pb-60">
<div class="container">
	<div class="row">
		<div class="single-facts text-center col-sm-3 col-xs-12 mb-30">
			<i class="icofont icofont-hat-alt"></i>
			<h1 class="counter plus">200</h1>
			<p>博士汽修毕业</p>
		</div>
		<div class="single-facts text-center col-sm-3 col-xs-12 mb-30">
			<i class="icofont icofont-user-suited"></i>
			<h1 class="counter">500</h1>
			<p>老师傅</p>
		</div>
		<div class="single-facts text-center col-sm-3 col-xs-12 mb-30">
			<i class="icofont icofont-history"></i>
			<h1 class="counter">12</h1>
			<p>上市年份</p>
		</div>
		<div class="single-facts text-center col-sm-3 col-xs-12 mb-30">
			<i class="icofont icofont-users-social"></i>
			<h1 class="counter plus">3000</h1>
			<p>应届毕业生</p>
		</div>
	</div>
</div>
</div>
<!-- Course Area
============================================ -->
<div id="course-area" class="course-area bg-gray pt-90 pb-60">
<div class="container">
	<!-- Section Title -->
	<div class="row">
		<div class="section-title text-center col-xs-12 mb-45">
			<h3 class="heading">服务车型</h3>
			<div class="excerpt">
				<p>Welcome to our service models</p>
			</div>
			<i class="icofont icofont-traffic-light"></i>
		</div>
	</div>
	<!-- Course Wrapper -->
	<div id="ServiceModels" class="course-wrapper row"></div>
</div>
</div>
<!-- Gallery Area
============================================ -->
<div id="gallery-area" class="gallery-area bg-gray pt-90 pb-60">
<div class="container">
	<!-- Section Title -->
	<div class="row">
		<div class="section-title text-center col-xs-12 mb-45">
			<h3 class="heading">汽车产品</h3>
			<div class="excerpt">
				<p>This is a display of automobile products</p>
			</div>
			<i class="icofont icofont-traffic-light"></i>
		</div>
	</div>
	<!-- Gallery Filter -->
	<div class="gallery-filter text-center">
		<button name="button1" >全部产品</button>
		<button name="button2" value="发动机">发动机</button>
		<button name="button3" value="底盘">底盘</button>
		<button name="button4" value="电子电器">电子电器</button>
		<button name="button5" value="维修保养">维修保养</button>
	</div>
	<!-- Gallery Grid -->
	<div class="chanpin" style="width: 100%;height: 500px;border: 0px solid saddlebrown;position: relative; overflow-y: scroll;overflow-x: hidden;">
		<div id="img" class="gallery-grid row"></div>	
	</div>
	
</div>
</div>

<!-- Instructor Area
============================================ -->
<div id="instructor-area" class="instructor-area bg-gray pt-90 pb-60">
<div class="container">
	<!-- Section Title -->
	<div class="row">
		<div class="section-title text-center col-xs-12 mb-45">
			<h3 class="heading">客户预约维修汽车</h3>
			<div class="excerpt">
				<p>This is a customer appointment to repair the car page</p>
			</div>
			<i class="icofont icofont-traffic-light"></i>
		</div>
	</div>
	<div class="row" >
		<div class="find-course-form float-left text-left wow fadeInUp" data-wow-duration=".9s" data-wow-delay="0.1s">
				<h5><span>find your course</span><i class="icofont icofont-police-car"></i></h5>
				<form action>
					<div class="course-input">
						<i class="icofont icofont-user-alt-3"></i> 
						<input class="Name" name="Name" type="text" placeholder="Your 姓名" />
						<label class="lable1"></label>
					</div>
					<div class="course-input">
						<i class="icofont icofont-envelope"></i>
						<input name="che" type="text" placeholder="Your 车牌号" />
						<label class="lable2"></label>
					</div>
					<div class="course-input">
						<i class="icofont icofont-phone"></i>
						<input name="pone" type="text" placeholder="Your 手机号" />
						<label class="lable3"></label>
					</div>
					<div class="course-input">
						<input name="date" type="datetime-local"/>
						<label class="lable4"></label>
					</div>
					<div class="course-input">
						<input name="yan" type="text" placeholder="验证码" style="width: 200px;display: inherit;"/>
						<button type="button" class="send" name="Send" >点击发送验证码</button>
						<label class="lable5"></label>
					</div>
					<div class="course-submit"><input type="button" value="Send us" /></div>
				</form>
			</div>
	</div>
</div>
</div>
<!-- Pricing Area
============================================ -->
<div id="pricing-area" class="pricing-area overlay overlay-black overlay-40 pt-90 pb-60">
<div class="container">
	<!-- Section Title -->
	<div class="row">
		<div class="section-title title-white text-center col-xs-12 mb-45">
			<h3 class="heading">信息服务</h3>
			<div class="excerpt">
				<p>This is an information service page</p>
			</div>
			<i class="icofont icofont-traffic-light"></i>
		</div>
	</div>
	<div class="row">
		<div class="col-md-3 col-sm-6 col-xs-12 mb-30">
			<div class="single-pricing text-center">
				<div class="pricing-head">
					<h4>美化</h4>
				</div>
				<div class="pricing-price">
					<h2><span>$</span>500</h2>
				</div>
				<ul class="pricing-details">
					<li>1、 微小刮痕</li>
					<li>2 、未掉底漆的刮痕</li>
					<li>3 、已见底漆的刮痕</li>
					<li>4 、划痕凹陷处理</li>
					<li>5 、保险杠伤痕处理方法</li>
				</ul>
				<a href="#" class="pricing-action">Automobile beautification</a>
			</div>
		</div>
		<div class="col-md-3 col-sm-6 col-xs-12 mb-30">
			<div class="single-pricing text-center">
				<div class="pricing-head">
					<h4>换胎</h4>
				</div>
				<div class="pricing-price">
					<h2><span>$</span>300</h2>
				</div>
				<ul class="pricing-details">
					<li>1 、换胎时应将好胎放在后轮</li>
					<li>2 、车辆长期拉货不宜使用轿车轮胎</li>
					<li>3 、具有特殊标记符号的轮胎切记“配对”</li>
					<li>4 、更换轮胎并非要等“光头”时</li>
					<li>5 、2~3年就可以考虑更换</li>
				</ul>
				<a href="#" class="pricing-action">Car tyre changes</a>
			</div>
		</div>
		<div class="col-md-3 col-sm-6 col-xs-12 mb-30">
			<div class="single-pricing active text-center">
				<div class="pricing-head">
					<h4>车身改装</h4>
				</div>
				<div class="pricing-price">
					<h2><span>$</span>900</h2>
				</div>
				<ul class="pricing-details">
					<li>1、大小包围</li>
					<li>2、底盘装甲</li>
					<li>3、车圈车胎</li>
					<li>4、气胎</li>
					<li>5、喷漆</li>
				</ul>
				<a href="#" class="pricing-action">Body modification</a>
			</div>
		</div>
		<div class="col-md-3 col-sm-6 col-xs-12 mb-30">
			<div class="single-pricing text-center">
				<div class="pricing-head">
					<h4>动力改装</h4>
				</div>
				<div class="pricing-price">
					<h2><span>$</span>900</h2>
				</div>
				<ul class="pricing-details">
					<li>1、max点火增强器</li>
					<li>2、涡轮增压</li>
					<li>3、大流量空气过滤器</li>
					<li>4、燃油压力</li>
					<li>5、发动机气门</li>
				</ul>
				<a href="#" class="pricing-action">Dynamic modification</a>
			</div>
		</div>
	</div>
</div>
</div>
<!-- FAQ Area
============================================ -->
<div id="faq-area" class="faq-area bg-white pt-90 pb-60">
<div class="container">
	<!-- Section Title -->
	<div class="row">
		<div class="section-title text-center col-xs-12 mb-45">
			<h3 class="heading">汽车小贴士</h3>
			<div class="excerpt">
				<p>Welcome to car tips. Here are some common questions about cars</p>
			</div>
			<i class="icofont icofont-traffic-light"></i>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6">
			<div class="panel-group" id="faq">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title"><a data-toggle="collapse" aria-expanded="true" data-parent="#faq" href="#faq-1">1、汽车发动后驾驶室颤动的原因？ </a></h4>
					</div>
					<div id="faq-1" class="panel-collapse collapse in">
						<div class="panel-body">
							<p>1、怠速低</p>
							<p>2、检查油路是否畅通，有无堵塞现象</p>
							<p>3、电喷汽车油箱里的有总是很少会把油泵烧坏。检查油泵是否烧坏：把油泵上的盖子打开敲打一下油泵盖子就可以了</p>
							<p>4、检查一下高压电是否正常。</p>
							<p>5、发动机工作不稳，可以检查火花塞等点火系统是否正常。如正常在检查喷油嘴和节气门是不是脏了需要清洗。</p>
						</div>
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title"><a data-toggle="collapse" aria-expanded="false" data-parent="#faq" href="#faq-2">2、汽车前五年该怎么保养？</a></h4>
					</div>
					<div id="faq-2" class="panel-collapse collapse">
						<div class="panel-body">
							<p>1、2年：保修期内,车子在头两年是颠峰期，基本上不会有什么问题。 </p>
							<p>2、3年：更换刹车皮和燃油泵。那些喜欢踩很多油，然后在关键时候才猛力踩刹车的人，刹车皮的磨损肯定比较厉害，寿命也比较短。 </p>
							<p>3、4年：汽车跑起来时，可能发现没有新车时那么平稳，若遇到这种情况，是该检查车子的减振器的时候了。如果减振器的弹簧不再有弹性，在高速行驶时就会抖动得很厉害，在下雨天更是特别危险。</p>
							<p>4、5年：以一般家庭用车情况，注意正时皮带是不是该更换了。如果不及时更换，车子行驶到半途时突然断裂，要付出的维修费回比较高。 </p>
							<p></p>
						</div>
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title"><a data-toggle="collapse" aria-expanded="false" data-parent="#faq" href="#faq-3">3、刹车距离变长？ </a></h4>
					</div>
					<div id="faq-3" class="panel-collapse collapse">
						<div class="panel-body">
							<p>踩刹车时，你若发现车速并没有很快降下来，而且刹车踩到底也没能短距离停车。这可能是汽车的刹车系统出现故障了。这是驾驶中最可怕的故障，很容易造成交通事故，一定要紧急处理。</p>
							<p>当出现这种现象，先检查刹车片是否老化，然后检查刹车油有无变质，如果都没有问题，那就要看轮胎的花纹，看是不是轮胎老化。</p>
						</div>
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title"><a data-toggle="collapse" aria-expanded="false" data-parent="#faq" href="#faq-4">4、方向盘突然发沉？</a></h4>
					</div>
					<div id="faq-4" class="panel-collapse collapse">
						<div class="panel-body">
							<p> 在开车过程中，如果感觉方向盘突然发沉，转动方向的时候有明显的阻力感，拐弯后方向盘不能自动回到中间。</p>
							<P>有这种问题出现，很有可能就是你的前轮两侧的胎压不一样了。如果是液压助力，也有可能是助力系统及助力润滑油出现了问题。如果是电子助力的，检查保险丝否烧坏，线路有无断路或对地短路的情况。</P>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="faq-image col-md-6">
			<img src="http://www.516code.cn/faq.png" alt="" />
		</div>
	</div>
</div>
</div>
<!-- Contatc Area
============================================ -->
<div id="contact-area" class="contact-area bg-gray">
<div class="row" style="background-color: white;">
	<div class="section-title text-center col-xs-12 mb-45">
		<h3 class="heading">联系我们</h3>
			<div class="excerpt">
				<p>Welcome to contact us and a warm welcome</p>
			</div>
		<i class="icofont icofont-traffic-light"></i>
	</div>
</div>
<div id="contact-map" style="background-color: white;">
	
	<div style="width: 80%; height: 100%; margin: 0px 0px 0px 10%;" id="map"></div>
</div>
<div class="container pb-90 pt-90">
	<!-- Section Title -->
	<div class="row">
		<div class="section-title text-center col-xs-12 mb-45">
			<h3 class="heading">给我们留言</h3>
			<div class="excerpt">
				<p>Please leave us a message</p>
			</div>
			<i class="icofont icofont-traffic-light"></i>
		</div>
	</div>
	<div class="row">
		<!-- Contact Info -->
		<div class="contact-info col-md-4 col-sm-5 col-xs-12">
			<div class="single-info text-left fix">
				<div class="icon"><i class="icofont icofont-phone"></i></div>
				<div class="content fix">
					<h5>电话：</h5>
					<p>+ 10088203320 <br />+ 10086573590</p>
				</div>
			</div>
			<div class="single-info text-left fix">
				<div class="icon"><i class="icofont icofont-envelope"></i></div>
				<div class="content fix">
					<h5>电子邮件</h5>
					<p><a href="#">info@alfresco.com</a><a href="#">admin@alfresco.com</a></p>
				</div>
			</div>
			<div class="single-info text-left fix">
				<div class="icon"><i class="icofont icofont-location-pin"></i></div>
				<div class="content fix">
					<h5>地址</h5>
					<p>重庆市沙坪坝西永大道足下软件学院<br />Chongqing shapingba xiyong road foot software college</p>
				</div>
			</div>
		</div>
		<!-- Contact Form -->
		<div class="contact-form form text-left col-md-8 col-sm-7 col-xs-12">
				<div class="input-2">
					<div class="input"><input type="text" name="name" placeholder="Name" /></div>
					<div class="input"><input type="email" name="Phone" placeholder="Phone" /></div>
				</div>
				<div class="input textarea"><textarea id="guestbook" placeholder="guestbook"></textarea></div>
				<div class="input input-submit"><input class="liuyan" name="liuyan" type="button" value="countersign" /></div>
				<div class="liuyanban"></div>
				<p><span class="errer"></span></p>
		</div>
	</div>
</div>

</div>
<!-- CTA Area
============================================ -->
<div class="cta-area pb-40 pt-40">

<div class="container">
	<div class="row">
		<div class="call-to-action text-left col-md-10 col-md-offset-1 col-xs-12">
			<h3>try to get our amazing free lesson</h3>
			<a href="#" class="btn transparent ">get  lesson</a>
		</div>
	</div>
</div>
</div>


<!-- JS -->

<!-- jQuery JS
============================================ -->
<script src="js/vendor/jquery-1.12.0.min.js"></script>
<!-- Bootstrap JS
============================================ -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugins JS
============================================ -->
<script src="js/plugins.js"></script>
<!-- Ajax Mail JS
============================================ -->
<script src="js/ajax-mail.js"></script>
<!-- WOW JS
============================================ -->
<script src="js/wow.min.js"></script>
<!---<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAdWLY_Y6FL7QGW5vcO3zajUEsrKfQPNzI"></script>--->
<script src="js/map.js"></script>
<!-- Style Customizer JS
============================================ -->
<script src="js/style-customizer.js"></script>
<!-- Main JS
============================================ -->
<script src="js/main.js"></script>
<!--汽车产品js
============================================ -->
<script src="js/汽车产品.js"></script>
<!--客户预约
============================================ -->
<script src="js/客户预约.js"></script>
<!--map 联系方式js
============================================ -->
<script src="js/bdMap.js"></script>
<script src="js/联系方式.js"></script>
<!--服务车型js
============================================ -->
<script src="js/服务车型.js"></script>
<!--留言js
============================================ -->
<script src="js/liuyan.js"></script>
</body>
</html>

